 .pointer {
     cursor: pointer;
 }
 
 :root {
     --red: #c20b0b;
     --blue: #0c73c2;
     --backHeader: #242221;
 }
 
 .playIcon {
     position: relative;
     color: #fff;
     width: 66px;
     height: 31px;
     padding: 0 5px 0 0;
     margin-right: 35px;
     line-height: 31px;
     background-position: right -428px;
     cursor: pointer;
 }
 
 .playIcon .play-icon {
     width: 20px;
     height: 18px;
     margin: 6px 2px 2px 0;
     background-position: 0 -1622px;
     overflow: hidden;
 }
 
 .playIcon:after {
     content: '';
     position: absolute;
     right: -29px;
     top: 0;
     bottom: 0;
     width: 31px;
     background: url('../img/sprite_button.png') 0 9999px;
     background-position: 0 -1588px;
 }
 
 .inner {
     display: flex;
     width: 100%;
     height: 31px;
     padding: 0 7px 0 8px;
     background-position: 0 -387px;
     line-height: 31px;
 }
 
 .favorite,
 .share,
 .download,
 .comment {
     background-position: right -1020px;
     margin-right: 6px;
     padding: 0 5px 0 0;
 }
 
 .favorite>.inner,
 .share>.inner,
 .download>.inner,
 .comment>.inner {
     position: relative;
     padding-right: 2px;
     padding-left: 28px;
 }
 
 .favorite {
     background-position: right -1020px;
 }
 
 .favorite .inner {
     background-position: 0 -977px;
 }
 
 .share .inner {
     background-position: 0 -1225px;
 }
 
 .download .inner {
     background-position: 0 -2761px;
 }
 
 .comment .inner {
     background-position: 0 -1465px;
 }
 
 .flex1,
 .flex {
     display: flex;
 }
 
 .flex2 {
     display: flex;
     align-items: center;
 }
 
 .flex3 {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .flex4 {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 
 .txt1 {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
 }
 
 .item1 .sprite_icon2 {
     background-position: 0 -60px;
 }
 
 .item2 .sprite_icon2 {
     background-position: 0 -88px;
 }
 
 .item3 .sprite_icon2 {
     background-position: 0 -117px;
 }
 
 .item4 .sprite_icon2 {
     background-position: 0 -141px;
 }
 
 .item4 .last {
     padding-bottom: 25px;
 }
 
 .song-item {
     padding: 6px 10px;
     text-align: left;
 }
 
 .rankInfo {
     display: flex;
     margin-top: 17px;
     margin-bottom: 15px;
     background: url('../img/recommend-top-bg.png');
 }
 
 .loginBg {
     width: 250px;
     height: 140px;
     background: url('../img/platform.png') no-repeat center;
     margin-bottom: 30px;
 }
 
 .linkAct {
     color: #fff;
     background-color: #000;
 }
 
 .linkAct .icon {
     position: absolute;
     width: 12px;
     height: 7px;
     bottom: -1px;
     left: 50%;
     transform: translate(-50%, 0);
     background-image: url('../img/sprite_01.png');
     background-position: 254px 0;
 }
 
 .hotIcon::after {
     position: absolute;
     content: '';
     top: 20px;
     right: -20px;
     width: 28px;
     height: 19px;
     background-image: url('../img//sprite_01.png');
     background-position: -192px 0;
 }
 
 .lyrAct {
     color: #fff !important;
 }